.border_style{
    border: 1px red solid;
}

/*图片模糊*/
.dim{
    filter: blur(10px);
}


/*评论*/
.review_one{
    list-style: none;
    border-radius: 30px 30px 0 30px;
    padding: 10px;
    margin: 5px;
    background-color: lightskyblue;
}

.review_son_value{
    margin-left: 50px;
    display: inline;
    float: right;
    border-radius: 100px;
    padding: 3px;
    color: black;
    margin-top:2px;
    background-color: whitesmoke;
}

.review_control{
    display: block;
    margin: 5px;
}

.review_control textarea{
    background-color: #bce8f1;
    border-radius: 30px;
    border: 1px snow dashed;
    outline:none;
    padding: 3px;
    width: 100%;
    height: 30px;
    resize: none;
}
.review_control button{
    background-color: black;
    color: whitesmoke;
    border: none;
    border-radius: 30px;
    text-decoration: none;
    outline:none ;
}


.hint{
    position: absolute;
    top: 100px;
    display: none;
    right: 40px;
    border: 1px solid black;
    box-shadow: 2px 2px 2px black;
    border-radius: 100px;
    width: 300px;
    background: #bce8f1;
    height: 50px;
}

.top_hint{
    background-color: #e39152;
    height: 30px;
    text-align: left;
    font-size: 18px;
    color: black;
    border-radius: 0 30px 0 30px;
    padding: 2px 0 2px 30px;
    display: inline-block;
    width: 100%;
}
.top_hint span{
    padding: 10px;
    margin-left: 10px;
}

/*蒙版*/
.dim_father{
    position: absolute;
    background-color: #5e5e5e;
    opacity: 0.6; filter: alpha(opacity=60);
}


/*------switch start------*/
#switch_show{
    display: inline;
    color: gray;
    position: relative;
}
#switch_show>div{
    position: relative;
    padding: 1px;
    font-size: 15px;
    border-radius: 20px;
    margin: 3px;
    background-color: #B7C4CC;
    width: 60px;
    height: 20px;
}

.switch_on{
    background-color: #4cae4c;
    position: relative;
    border-radius: 20px;
    width: 50%;
    height: 90%;
    left: 50%;
}
.switch_off{
    background-color: #2e3436;
    position: relative;
    border-radius: 20px;
    height: 99%;
    width: 50%;
}

/*----------------------------------start----------------------------------------*/
.switch_image_off{
    position:absolute;
    clip: rect(5px 50px 25px 0px);
}
.switch_image_on{
    position:absolute;
    bottom:4px;
    clip: rect(25px 50px 45px 0px);
}
/*------------------------------------end--------------------------------------*/
/*------switch end------*/
/*rect (top, right, bottom, left)*/


hr{
    background-color: pink;
    border: 1px solid #c0c0ee;
    box-shadow: 5px 5px 5px black;
}

#body {
    /*-webkit-user-select:none;*/
    /*-moz-user-select:none;*/
    /*-ms-user-select:none;*/
    /*user-select:none;*/
}

.page{
    height: 40px;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.page>a{
    text-decoration: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #2b2b2b;
}


/*----------------------------------我的上传 start----------------------------------------*/
.list_line{
    border-radius: 10px;
    background-color: floralwhite;
    opacity: 0.8;
    height: 45px;
    box-shadow: 0 10px 0 #888888;
    margin: 10px;
}
.list_line li{
    float: left;
    list-style: none;
    border: #e4b9c0;
    border-radius: 10px;
    font-size: 18px;
    margin: 5px;
    background-color: papayawhip;
    padding: 5px;
}
.list_line li a:link{
    text-decoration: none;
}
.list_line li a:hover{
    text-decoration: none;
    color: orangered;
}

.select_active{
    color: orangered;
}



/*----------------------------------start----------------------------------------*/
#tdAdd input{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    filter: alpha(opacity = 0);
    -moz-opacity: 0;
    opacity: 0;
    outline: none;
    blr: expression(this.hideFocus = true);
    cursor: pointer;
    border: none;
}


#topicpics ul{
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    width:100%;
    max-width:100%;
    height:auto;
}

#topicpics li {
    position: relative;
    height: 200px;
}

#topicpics .imgwrap{
    position: relative;
    /* min-height: 100px; */
    height: 100px;
    margin: 5px;
    text-align: center;
}

#topicpics .imgwrap > img{
    max-width: 100%;
    height: 100px;
    object-fit: contain;
    object-position: center;
}
/*------------------------------------end--------------------------------------*/
/*------------------------------------end--------------------------------------*/


/*进度条*/
#progressId{
    position: relative;
    margin-left: 20%;
}

.progress{
    width:60%;
    border-radius: 30px;
    height:25px;
}
#progressBar{
    background:#95CA0D;
    float:left;
    border-radius: 30px;
    height:100%;
    text-align:center;
    line-height:150%;
}

/*.nav_main a{*/
/*    font-size: 18px;*/
/*    padding: 10px;*/
/*}*/


.js_add_image{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.js_add_image>div img{
    width: 200px;
    object-fit: contain;
    object-position: center;
}
#imageClassName{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 10px;
    width: 100px;
    padding: 5px;
    background: transparent url(/static/image/pulldown.png) no-repeat right center;
    background-size: 20px;
}

.topic-pics{
    margin: 10px;
    width: 100%;
}

#myContent{
    width: 100%;
    height: 300px;
    resize:none;
    overflow-x:hidden;
    overflow-y:hidden;
    border-radius: 10px;
    padding: 10px;
    border: none;
    outline: none;
}

/*----------------------------------upload_list_small start----------------------------------------*/
.upload_list_small_ul{
    list-style: none;
}
.upload_list_small_ul>li{
    float: left;
    /*border: 1px solid red;*/
    margin: 3px;
    padding: 10px;
}
/*------------------------------------end--------------------------------------*/


/*----------------------------------top_menu start----------------------------------------*/
.top_menu_ul{
    list-style: none;
    height: 30px;
    width: 100%;
    white-space:nowrap;
    display: -webkit-box;
    overflow-x: scroll;
    -webkit-overflow-scrolling:touch;
}
.top_menu_ul>li{
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    padding: 2px;
}
.top_menu_ul a{
    color: black;
}
.top_menu_ul_con{
    box-shadow: 0 0 3px black;
    font-size: 16px;
}
.top_menu_ul_con_select{
    box-shadow: 0 0 3px orangered;
    font-size: 20px;

}

.content_con{
    display: inline-block;
}


.details_image_con img{
    object-fit: contain;
}

/*复制*/
.copy-tips{
    position:fixed;
    z-index:999;
    bottom:50%;
    left:50%;
    margin:0 0 -20px -80px;
    background-color:rgba(0, 0, 0, 0.2);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);
    padding:6px;
}
.copy-tips-wrap{
    padding:10px 20px;
    text-align:center;
    border:1px solid #F4D9A6;
    background-color:#FFFDEE;
    font-size:14px;
}


.model_markdown_help_con{
    background: url("/static/image/back.jpg") no-repeat;
    background-size: 100%;
}
.model_markdown_help{
    font-size: 16px;
}


.content_con_class{
    display: inline-block;
    overflow-y: scroll;
    width: 100%;
    overflow-x: hidden;
    height: 350px;
}
.content_con_class img{
    width: 100%;
}

/*------------chrome--------------------------------*/
.content_con_class::-webkit-scrollbar
{
    width: 1px;
    height: 0;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
.content_con_class::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #E3DBDB;
}

/*定义滑块 内阴影+圆角*/
.content_con_class::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    background-color: orangered;
}

/*--------------FirFox---------------------*/
/*--- FirFox ---*/
.content_con_class {
    scrollbar-width: thin;
    scrollbar-color: grey black;
}


/*-----------------------首页界面左侧栏 end-------------------------------*/



/*------------------------------------end--------------------------------------*/

/*---------------------------------------手机-----------------------------------------*/
@media only screen and (max-width: 1000px) {

    #body{
        background-color: #e3dbdb;
        padding: 0;
        margin: 0;
    }

    .nav_son_right{
        position: fixed;
        background-color:#E3DBDB;
        border-radius: 10px;
        box-shadow: 0 0 10px black;
        top: 100px;
        margin: 2%;
        height: 80vh;
        width: 96%;
        display: none;
    }

    #navSonMobileHidden{
        display: none;
    }

    .personal_menu{
        display: none;
    }
    .left_menu{
        display: none;
    }

    /*--------------nav全局设定----------------*/
    .nav_main{
        width: 100%;
        height: 50px;
        position: fixed;
        background-color: whitesmoke;
        color: black;
        z-index: 10;
    }

    .nav_main a{
        color: black;
        text-decoration: none;
        font-size: 16px;
    }

    .nav_main a:hover{
        color: orange;
        text-decoration: none;
    }

    .nav_main ul{
        list-style: none;
    }

    .nav_main li{
        float: left;
        margin: 5px;
        padding: 5px;
        border-radius: 10px;
        background-color: #444444;
    }



    /*--------------------------模态框菜单----------------------*/
    .nav_son_right a{
        color: black;
        text-decoration: none;
        font-size: 16px;
    }

    .nav_son_right a:hover{
        color: orange;
        text-decoration: none;
    }

    .nav_son_right ul{
        list-style: none;
    }

    .nav_son_right li{
        float: left;
        margin: 5px;
        padding: 5px;
        color: black;
        border-radius: 5px;
        font-size: 16px;
        background-color: ghostwhite;
    }
    /*--------------content start------------------------*/
    .content{
        position: relative;
        font-size: 16px;
        padding: 3px;
        width: 100%;
        top: 80px;
    }

    /*---图片展示 start----*/

    .image_list{
        float: left;
        overflow: hidden;
        list-style: none;
        width: 98%;
        border-radius: 8px;
        background-color: floralwhite;
        height: 40vh;
        margin: 1%;
    }
    /*图片img属性*/
    .image_value{
        object-fit: contain;
        border-radius: 20px;
        width: 100%;
        height: 80%;
    }
    /*图片下方的弹出框*/
    .list_nav{
        position: relative;
        height: 15%;
        width: 100%;
        z-index: 2;
    }
    .list_nav li{
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        list-style: none;
    }

    .list_con{
        padding: 0;
        margin: 0;
        text-align: center;
        border-radius: 10px;
        position: relative;
    }
    /*---图片展示 end----*/
    /*--------------content end------------------------*/

    /*--------------------image details------------------------------------------*/
    .details_image_con{
        width: 100%;
        height: 100%;
        background-color: rgba(100, 100, 100, 0.3);
    }

    #bullet{
        position: fixed;
        overflow: hidden;
        top: 65px;
        color: #4cae4c;
        background-color: black;
        opacity: 0.5;
        width: 100%;
        z-index: 10;
        right: 0;
        height: 30px;
        border: 1px solid red;

    }
    .bullet_son{
        position: absolute;
        display: flex;
        height: 30px;
        overflow: hidden;
        flex-direction: row;
        text-decoration: none;
        list-style: none;
        white-space:nowrap;
        right: 0;
    }
    /*--------------------image details------------------------------------------*/

/*---------------------------------------------*/

    .control_nav{
        position: relative;
        right:10px;
    }
    .spread{
        display: none;
    }
    .user_card{
        display: none;
    }
    .left_menu2{
        display: none;
    }

    /*————————回到顶部 start--------*/
    #control_top{
        position: fixed;
        padding: 10px;
        z-index: 10;
        right: 10px;
        bottom: 30px;
        display: none;
    }
    /*————————回到顶部 end--------*/

    /*----------------------------------我的上传 start----------------------------------------*/
    .my_upload{
        padding: 0;
        margin: 0;
    }
    .my_upload_list{
        width: 100%;
        height: 400px;
        float: left;
        padding: 2px;
        margin: 2px;
        font-size: 16px;
    }
    .my_upload_list a{
        text-decoration: none;
        color: #080808;
    }
    .my_upload_list li{
        list-style: none;

    }

    .my_upload_image{
        position: relative;
        overflow: hidden;
        box-shadow: 2px 2px 10px orangered;
        height: 50%;
        width: 100%;
        object-position: center;
        object-fit: contain;
    }
    .my_upload_information{
        width: 100%;
    }

    .hot_top{
        height: 180px;
        margin: 10px;
        /*display: none;*/
        overflow-y: scroll;
        color: orangered;
        background-color: #bce8f1;
        border-radius: 8px;
    }
    .mobile_hidden{
       display: none;
    }

    .upload_form{
        background-color: #ECE8E5;
        border-radius: 10px;
        box-shadow: 0 10px 10px grey;
        padding: 10px;
        margin-top: 10px;
    }

    .upload_form>input{
        margin: 10px;
    }

    /*------------------------------------ 我的上传 end--------------------------------------*/
    #imagePlay{
        width: 100%;
        height: 250px;
    }

    .carousel-inner{
        height: 200px;
    }
    .lunbo_img{
        object-fit: contain;
        width: 100%;
    }

    /*----------------------------评论 start---------------------------*/
    .review_con{
        margin: 10px;
        background-color: #d5e3f5;
        border-radius: 10px;
        opacity: 0.8;
        border: 20px solid transparent;
        -moz-border-image:url(/static/image/border.gif) 0 200 0 200 round;	/* Old Firefox */
        -webkit-border-image:url(/static/image/border.gif) 0 200 0 200 round;	/* Safari and Chrome */
        -o-border-image:url(/static/image/border.gif) 0 200 0 200 round;		/* Opera */
        border-image:url(/static/image/border.gif) 0 200 0 200 round;
    }
    /*----------------------------评论 end---------------------------*/


    /*---------------------------copy----------------------------------*/
    .copy_image_text{
        resize: none;
        width: 300px;
    }
    /*---------------------------copy----------------------------------*/

    /*切换查看样式*/
    #changeLookClass{
        display: none;
    }
    #uploadListSmall{
        display: none;
    }
    #uploadList{
        display: inline;
    }
    /*--------------------------------*/

    /*----------------------------------排名版 start----------------------------------------*/
    .rank_top_right{
        height: 200px;
        color: black;
        text-align: center;
    }
    /*------------------------------------end--------------------------------------*/


    .back_set{
        opacity:0.6; filter: alpha(opacity=60);
        z-index: -10;
        position: fixed;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }
}



/*--------------------------------------------------------------------------------------------------*/
/*-----------------------------电脑-----------------------------*/
@media only screen and (min-width: 1000px) {
    #body {
        background-color: whitesmoke;
    }
    #controlNav{
        display: none;
    }

    .nav_son_right{
        display: none;
    }

    /*--------------nav全局设定----------------*/
    .nav_main{
        width: 100%;
        height: 50px;
        position: fixed;
        background-color: whitesmoke;
        color: black;
        z-index: 10;
    }

    .nav_main a{
        color: black;
        text-decoration: none;
        font-size: 16px;
    }

    .nav_main a:hover{
        color: orange;
        text-decoration: none;
    }

    .nav_main ul{
        list-style: none;
    }

    .nav_main li{
        float: left;
        margin: 10px;
        padding: 0 5px 2px 5px;
        border-radius: 10px;
        /*background-color: #444444;*/
    }

    .nav_main form{
        height: 30px;
    }
    .nav_main input{
        margin: 5px;
        height: 25px;
        font-size: 16px;
        background-color: white;
        /*border: 1px solid orangered;*/
        /*box-shadow: 2px 2px 2px white;*/
        /*border-radius: 20px;*/
        outline: none;
        border: none;
        color: black;
    }

    .nav_main input:hover{

    }
    .nav_main input:active{
    }

    /*----------------------------首页界面左侧栏-------------------------------*/

    .left_menu{
        position: fixed;
        background-color: whitesmoke;
        opacity: 0.9;
        font-size: 20px;
        border-radius:5px;
        top: 80px;
        left: -200px;
        width: 200px;
        box-shadow: 10px 10px 5px #888888;
        color: black;
        padding: 2px;
        height: 80vh;
/*滚动条*/
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .left_menu a{
        text-decoration: none;
        color:black;
    }

    .left_menu_content{
        margin: 10px;
        border-radius:5px;
        font-size: 15px;
        text-align: center;
        background-color: #CFDFD4;
        padding: 5px;
    }

    .left_menu_content_select{
        margin: 10px;
        border-radius:5px;
        font-size: 15px;
        text-align: center;
        background-color: #B2DEEB;
        padding: 5px;
    }

    .left_menu_top>div{
        padding: 0;
        margin-top: 10px;
    }

    .left_menu_top a{
        padding:5px 40px 5px 40px;
        font-size: 20px;
        border-radius:10px;
        border: 1px solid whitesmoke;
        color: white;
        background-color: #474747;
    }

    .left_menu2{
        position: fixed;
        bottom: 20px;
    }

/*------------chrome--------------------------------*/
    .left_menu::-webkit-scrollbar
    {
        width: 8px;
        height: 0;
        background-color: #F5F5F5;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    .left_menu::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #E3DBDB;
    }

    /*定义滑块 内阴影+圆角*/
    .left_menu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: orangered;
    }

    /*--------------FirFox---------------------*/
    /*--- FirFox ---*/
    .left_menu {
        scrollbar-width: thin;
        scrollbar-color: grey black;
    }
    /*------------------IE------------------------*/
    /* --- IE ---*/
    #body {
        scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/
        scrollbar-face-color: #333; /*立体滚动条的颜色*/
        scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/
        scrollbar-highlight-color: #666; /*滚动条空白部分的颜色*/
        scrollbar-shadow-color: #999; /*立体滚动条阴影的颜色*/
        scrollbar-darkshadow-color: #666; /*立体滚动条强阴影的颜色*/
        scrollbar-track-color: #666; /*立体滚动条背景颜色*/
        scrollbar-base-color: #f8f8f8; /*滚动条的基本颜色*/
    }

    /*-----------------------首页界面左侧栏 end-------------------------------*/

    /*---------------------------个人界面左侧栏-------------------------------*/
    .personal_menu{
        position: fixed;
        background-color: #ECE8E5;
        border-radius:5px;
        top: 80px;
        width: 15%;
        left: -300px;
        box-shadow: 10px 10px 5px #888888;
        color: #3F3F3F;
        padding: 10px;
        height: 80vh;
    }

    .personal_menu div{
        margin-top: 30px;
    }
    .personal_left_menu_li{
        list-style: none;
        border: 1px solid #383838;
        padding: 5px;
        margin-top: 10px;
        text-align: center;
        background-color: #B2DEEB;
        border-radius: 5px;
    }
    .personal_menu a{
        color: #3F3F3F;
    }
    .personal_menu a:hover{
        text-decoration: none;
        color: orangered;
    }

    /*---------------------------------------------------------------*/

    /*--------------content start------------------------*/
    .content{
        position: relative;
        font-size: 16px;
        top: -500px;
    }


    /*---图片展示 start----*/
    #listImage{
        text-align: center;
    }

    .image_list{
        float: left;
        overflow: hidden;
        width: 280px;
        list-style: none;
        border-radius: 8px;
        background-color: floralwhite;
        box-shadow: 3px 3px 3px grey;
        height: 200px;
        margin: 5px;
    }

    /*图片img属性*/
    .image_value{
        object-fit: contain;
        border-radius: 20px;
        width: 100%;
        height: 80%;
    }
    /*图片下方的弹出框*/
    .list_nav{
        position: relative;
        z-index: 2;
        height: 15%;
        width: 100%;
    }

    .list_nav li{
        float: left;
        margin-left: 10px;
        list-style: none;
    }

    .list_con{
        border-radius: 10px;
        position: relative;
        box-shadow: 0 0 10px black;
    }
    /*---图片展示 end----*/
    /*--------------content end------------------------*/


    /*-------轮播 start----------*/
    .image_play{
        width: 60%;
        height: 350px;
        border-radius: 3px;
        overflow: hidden;
    }

    .item{
        height: 300px;
    }
    /*-------轮播 end----------*/
    /*--------------------image details------------------------------------------*/
    .details_image_con{
        width: 750px;
        height: 500px;
        background-color: rgba(100, 100, 100, 0.3);

    }
    #bullet{
        overflow: hidden;
        position: absolute;
        top: 10px;
        color: #4cae4c;
        width: 750px;
        background-color: black;
        opacity: 0.8;
        height: 40px;

    }
    .bullet_son{
        position: absolute;
        display: flex;
        height: 30px;
        overflow: hidden;
        flex-direction: row;
        text-decoration: none;
        list-style: none;
        white-space:nowrap;
        right: 0;
    }


    /*--------------------image details------------------------------------------*/
    .user_card{
        position: fixed;
        top: 60px;
        right: 180px;
        width: 250px;
        border-radius: 10px;
        height: 400px;
        background-color: #B0DCE9;
        z-index: 10;
        color: #474747;
        font-size: 16px;
        opacity: 0.9;
        display: none;
    }
    .user_card hr{
        color: #bce8f1;
        background-color: #bce8f1;
        border: 1px solid palegreen;
        width: 80%;
    }


    .spread{
        position: fixed;
        top: 60px;
        border-radius: 10px;
        right: 250px;
        width: 250px;
        height: 400px;
        background-color: black;
        z-index: 10;
        color: #E3DBDB;
        font-size: 16px;
        opacity: 0.9;
        display: none;
    }

    .spread hr{
        color: #bce8f1;
        background-color: #bce8f1;
        border: 1px solid palegreen;
        width: 80%;
    }

    /*————————回到顶部 start--------*/
    #control_top{
        position: fixed;
        padding: 10px;
        z-index: 10;
        right: 30px;
        bottom: 30px;
        display: none;
    }
    /*————————回到顶部 end--------*/

    /*----------------------------------我的上传 start----------------------------------------*/
    .my_upload{
        background-color: #ECE8E5;
        padding: 10px;
        margin: 10px;
    }
    .my_upload_list{
        background-color: #f1eeed;
        width: 48%;
        height: 200px;
        float: left;
        padding: 2px;
        margin: 2px;
        font-size: 16px;
    }
    .my_upload_list a{
        text-decoration: none;
        color: #080808;
    }
    .my_upload_list li{
        list-style: none;

    }
    .my_upload_image{
        position: relative;
        overflow: hidden;
        box-shadow: 2px 2px 10px orangered;
        height: 100%;
        width: 50%;
        object-position: center;
        object-fit: contain;
    }
    .my_upload_information{
        width: 50%;
    }

    .hot_top{
        height: 300px;
        margin-left: 30px;
        margin-top: 10px;
        color: orangered;
        background-color: whitesmoke;
        border-radius: 8px;
    }

    /*------------------------------------我的上传 end--------------------------------------*/
    .carousel-inner{
        height: 600px;
    }
    .carousel{

    }

    .lunbo_img{
        object-position: center;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }


    .upload_form{
        border-radius: 10px;
        background-color: #ECE8E5;
        box-shadow: 0 10px 10px grey;
        padding: 10px;
        height: 400px;
        margin: 20px;
    }

    .upload_form>input{
        margin: 10px;
    }


    /*----------------------------评论 start---------------------------*/
    .review_con{
        height: 500px;
        background-color: #d5e3f5;
        border-radius: 20px;
        opacity: 0.75;
        border: 20px solid transparent;
        -moz-border-image:url(/static/image/border.gif) 0 200 0 200 round;	/* Old Firefox */
        -webkit-border-image:url(/static/image/border.gif) 0 200 0 200 round;	/* Safari and Chrome */
        -o-border-image:url(/static/image/border.gif) 0 200 0 200 round;		/* Opera */
        border-image:url(/static/image/border.gif) 0 200 0 200 round;
    }

    /*----------------------------评论 end---------------------------*/


    /*---------------------------copy----------------------------------*/
    .copy_image_text{
        resize: none;
        width: 100%;
        height: 35px;
    }
    /*---------------------------copy----------------------------------*/

    /*切换查看样式*/
    #changeLookClass{
        display: block;
    }
    #uploadListSmall{
        display: none;
    }
    #uploadList{
        display: inline;
    }
    /*--------------------------------*/
    /*----------------------------------排名版 start----------------------------------------*/
    .rank_top_right{
        height: 280px;
        color: black;
        text-align: center;
    }
    /*------------------------------------end--------------------------------------*/


    /*----------------------------------top_menu start----------------------------------------*/
    #topMenu{
        display: none;
    }
    /*------------------------------------end--------------------------------------*/

    .back_set{
        z-index: -10;
        position: fixed;
        opacity:0.6; filter: alpha(opacity=60);
        object-fit: cover;
    }
}

